/* -------------------------------------------------------------
	Name	           : styles.css
	Site               : sggroup.dk website 
	Date	           : Feb 21,2012
	Last Modified date : 
	
	Created by Thanh Phong, Pham
	email : phong.pham@mwc@.vn
-------------------------------------------------------------- */
@import url(layout.css);

/* ------------------------------------
	GENERAL ELEMENTS
------------------------------------ */
html {background: #fff url(../img/bg_top.png) repeat-x 0px 2px; }

body { background:url(../img/body_bg.png) repeat-x bottom; font: normal 13px "Lucida Sans Unicode", "Lucida Grande", Calibri, Arial, Helvetica, sans-serif; border-top: 2px solid #0091d0;border-bottom: 1px solid #fff;}

#page { overflow:hidden; background: url(../img/page_bg.png) repeat-y center;}

#container { overflow:hidden; background: url(../img/container_bg.jpg) no-repeat top center;}
/*---Form elements --*/
form { display: block; }
form .form-col { width: 410px;}
form .input-set { overflow: hidden;}
label, input, select, textarea {  float:left; display:block; border: 1px solid #c9c9c9; padding: 2px 4px; margin-top: 8px; width: 295px; font: normal 13px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;}
label { border: none; padding: 0; clear: left;}
label  span { color: red;}
input, select { height: 18px; }
select { padding: 2px 2px 2px 4px; height: 24px;}
input.post-num  { width: 45px; margin-right: 12px; }
label.city { width: 30px; clear: none;}
label.check-box {width: auto; overflow: hidden; float: none; padding-bottom: 10px; border: none;}
label.check-box  input { width: auto; margin: 0 5px 0 0; border: none;}
label.radio input {border: none;}
input.check-box { width: auto; margin: 8px 5px 0 0;}

p.note { clear: left; padding: 5px 0 0 0; font-style: italic; font-size: 12px;}
p.note span { color: #ff3000; font-style: normal; margin-left: 5px;}
p.note a { text-decoration: underline;}
/*----Links Buttons---*/
a.back { background: url(../img/back_arrow.png) no-repeat left center; padding-left: 20px; height: 21px; line-height: 21px; text-transform: uppercase; font-size: 11px; }
a.back:hover { text-decoration: underline;}
a.next { background: url(../img/next_arrow.png) no-repeat right center; padding-right: 14px; }
.navigator-bar { overflow: hidden; margin: 7px 0 0 15px; }
.navigator-bar #pagination { float: right; display: inline;  overflow: hidden;}
#pagination a, #pagination span { display: block; float: left; padding: 2px 7px; color: #373737;  } 
/* Pagination*/
#pagination span.prd-num { padding-right: 8px; margin-right: 8px;}
#pagination span.current-page, #pagination a:hover {color:#297db9;}
#pagination a.page-first {background: url(../img/prev_arrow.png) no-repeat left center; padding-left: 19px; padding-right: 5px; margin-left: 5px;}
#pagination a.page-last { background: url(../img/next_arrow.png) no-repeat right center ; padding-right: 19px; margin-left: 5px; }
/*-------------------------Header--------------------------------*/
#header { position: relative; width: 980px; height: 140px; margin: 0 auto; }
#header .header-top { border-bottom: none; height: 145px;}

#header .logo {display: block; margin: 18px 0 0 22px; padding: 0; width: 448px; height: 78px;}
#header .header-tr {width: 500px; overflow: hidden;}

#logged {height: 34px; float: right; background: url(../img/logged_bar_repeat.png) repeat-x top; margin-top: 35px;}
#logged .logged-bar { background: url(../img/logged_bar_left.png) no-repeat left top; height: 34px; overflow: hidden; padding: 0 12px;} 
#logged a, #header #logged span{display: block; float: left; height: 18px; line-height: 16px; margin-top: 10px; background: url(../img/dot_sep.png) repeat-y right; padding: 0 10px; color: #464646;}
#logged span {text-align: right; padding-right: 15px; display: block; float: left;}
#logged a.logout {background: url(../img/dis_next_arrow.png) no-repeat right; padding-right: 15px;}
#logged a.logout:hover {background: url(../img/active_next_arrow.png) no-repeat right;}
#logged span strong, header #logged a:hover, header #logged a.active  {color: #0091d0;}
#header .main-navigation {clear: both; width: 960px; margin: 0 auto; overflow: hidden; }
/*--Main Menu--*/
#menu { width: 840px; float: left; display: inline; margin-top: 5px;}
#menu ul { list-style: none; margin: 0 0 0 5px; padding: 0; overflow: hidden;}
#menu ul li { list-style: none; float: left; display: inline; height: 25px; line-height: 25px; padding-left: 15px; margin: 5px 0 0 10px;}

ul#topNav li a, #loginBtn { display: block; font: bold 15px/25px "Myriad Pro", Calibri, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; margin: 0 auto; height: 25px; padding-right: 15px; text-shadow: 0px 1px 1px #000; }

#menu ul li:hover, #menu ul li.active, #menu ul li:hover a, ul#topNav li a:hover, ul#topNav li.active a, #loginBtn { background: url(../img/menu_tab_bg.png) no-repeat;}
#menu ul li:hover, #menu ul li.active { background-position: 0px 0px;}
#menu ul li:hover a, #menu ul li.active a, ul#topNav li a:hover, ul#topNav li.active:hover a{ background-position: right -25px; color: #48ebff;}

#loginBtn { display:block; background-position: 0 -50px; width: 62px; float: right; height: 29px; line-height: 29px; padding-left: 40px; margin-top: 8px;}
 #loginBtn:hover {  color: #48ebff; }
/*--------------Main content--------------
----Homepage----*/
#main { clear: both; overflow:hidden; width: 980px; margin: 0 auto; padding-top: 15px;}
#welcome {width: 960px; height: 303px; margin: 0 auto; position: relative;}
#slider{ width: 960px; height: 303px;}
.nivoSlider{position:relative;}
.nivoSlider a{ display: block; border:0;}
.nivoSlider img{position:absolute;top:2px;left:2px;}
.nivoSlider a.nivo-imageLink{position:absolute;top:2px;left:2px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;text-align: center;}
.nivo-slice{display:block;position:absolute;z-index:50;height:100%}
.nivo-caption{position:absolute;left:1px;bottom:1px;background:none;color:#fff;text-shadow:0px 1px 1px #666;opacity:0.8; width:870px;z-index:89;padding:4px;}
.nivo-caption p{padding:5px;margin:0;}
.nivo-caption a{display:inline !important;}
.nivo-html-caption{display:none;}
.nivo-directionNav a{position:absolute;top:45%;z-index:99;cursor:pointer}
.nivo-prevNav{left:0px;}
.nivo-nextNav{right:0px;}
.nivo-controlNav a{position:relative;z-index:99;cursor:pointer;}
.nivo-controlNav a.active{font-weight:bold;}
#slider img{position:absolute;top:0px;left:0px;display:none;}
.nivo-controlNav{position:absolute;width:auto;height:9px;padding:4px;padding-top:5px;padding-left:8px; bottom:12px;right:8px;}
.nivo-controlNav a{width:14px;height:14px;background: url(../img/bullets.png) no-repeat -15px 0px;text-indent:-9999px;border:0;margin-right:3px;float:left;}
.nivo-controlNav a.active{background-position: 0 0;}
.nivo-directionNav {display:none;}

.welcome-bg {overflow: hidden; width: 400px; height: 256px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; position: absolute; top: 22px; left: 22px; z-index: 90; background: #fff; opacity: 0.85; filter:alpha(opacity=85);  }
.welcome {overflow: hidden; position: absolute; z-index: 91; width: 360px; height: 218px; top: 40px; left: 40px;}
.welcome h1 { color: #0f6db5;font-size: 24px; margin: 0 0 10px; font-family: "Myriad Pro", Calibri;}
.welcome p { line-height: 18px; margin: 0 0 5px;}
.welcome a.more { background: url(../img/learnmore_btn.png) no-repeat top left; width: 141px; height: 36px; display: block; float: left; margin-top: 8px; text-indent: -9999px; font-size: 0;}
.welcome a.more:hover { background-position: 0 -37px;}

#content, #content .content-ctn { width: 980px; margin: 0 auto;}
#content.with-sidebar {width: 693px; background:url(../img/content_sep_bg.png) no-repeat top left; padding-left: 20px; float: left; margin-left: 6px; padding-top: 5px; overflow:hidden;}
#content.with-sidebar .content-ctn {width: 693px; }
#main.home #content { padding: 13px 0 0 0; border: 1px red solid;}
#content.with-sidebar h1.page-title { width: 960px; margin: 0 auto 7px auto; text-transform: uppercase; background: url(../img/dotted_sep_line.gif) repeat-x bottom; padding-bottom: 5px;}

h1.page-title { font-size: 18px; color: #414141; width: 960px; margin: 0 auto 7px auto; overflow: hidden;}
h1.page-title a, h1.page-title span { float: left; display: block; margin-right: 5px;}
h1.page-title span.arrow { background: url(../img/dis_next_arrow.png) no-repeat center center; width: 10px; height: 12px; margin-top:6px;}
h1.page-title span.current, h1.page-title a.level {font: bold 15px/25px "Myriad Pro", Calibri; text-transform: uppercase; color: #0091d0; }
h1.page-title .parent {color: #414141;}
h1.page-title a.level:hover, h1.page-title .parent:hover {color: #0091d0;}
.grid-bg {background: url(../img/grid_bg.gif);}
/*---Homepage----*/
#serviceList {overflow: hidden; background: url(../img/grid_hr_bg.gif) repeat-x 0px 40px;}
#serviceList .box-decor { background:url(../img/home_box_decor.jpg) no-repeat; width: 231px; height: 290px; margin-left: 11px; float: left; display: inline-block; }
#serviceList .box-decor .service-img {width: 227px; height: 101px; display: block; margin-left: 2px;}
#serviceList .com-info {background-position: -616px -147px;}
#serviceList h2 {  width: 205px; height: 20px; line-height: 20px; margin-left: 12px; font-size: 17px; padding: 9px 0 0 0; color: #1770b4;}
#serviceList p { line-height: 16px; font-size: 12px; margin-top: 8px; color: #282828; width: 206px; margin-left: 12px;}
#serviceList a.mere-link {display: block; float: left; background:url(../img/min_next_arrow.png) no-repeat right 6px; padding-right: 13px; line-height: 15px; margin-left: 12px;}
#serviceList a.mere-link:hover { text-decoration: underline; }
/* sidebar*/
.aside { width: 241px; float: left; display: inline; margin-left: 10px;}
.aside ul {list-style: none; overflow: hidden; margin: 0;}
.aside .contact-info h2, .aside .corp-links h2 { background:url(../img/dotted_sep_line.gif) repeat-x bottom; width: 284px; height: 26px; line-height: 22px; margin: 0 auto; font-size: 18px; padding: 0 0 3px 0;}
.aside .category { background:url(../img/box_shadow.png) no-repeat bottom center; padding-bottom: 8px; overflow: hidden; margin-bottom: 10px;}
.aside .category h2 { background:url(../img/title_bar.png) no-repeat; width: 241px; height: 31px; text-transform: uppercase; line-height: 30px; text-indent: 13px; font-size: 17px; margin: 0; } 
/*Category*/
ul.cat-list { float: left; clear: left; background: url(../img/cat_bg.png) repeat-x bottom; width: 239px; border: 1px solid #dadada; border-top: none; padding: 5px 0 0 0; }
ul.cat-list  li { width: 212px; float: left; clear: left; border-bottom: 1px dotted #b0b0b0; margin-left: 15px;}
ul.cat-list  li a { background: url(../img/min_next_arrow.png) no-repeat left center; color: #3d3d3d; display: block; padding-left: 15px; height: 32px; text-transform: uppercase; font: bold 14px/32px "Myriad Pro", Calibri;}
ul.cat-list  li a:hover, ul.cat-list  li.current a {color: #0091d0; background: url(../img/next_arrow_min_active.png) no-repeat left center;}
/*---Contact info--*/
.aside .contact-info, .aside .corp-links { width: 241px; height: 195px; background:url(../img/contact_box_bg.jpg) no-repeat top left; margin-bottom: 10px; padding-top: 10px;}
.aside .contact-info h2, .aside .corp-links h2 {width: 212px; margin-left: 15px; color: #3e3e3e;}
.aside .contact-info p {margin: 10px 0 0 15px; width: 212px; line-height: 22px;}
/*---Service---*/
.service-list h2, .corp-links h2 { margin-bottom: 5px;}
.service-list .service-decor { padding: 15px; overflow: hidden; background: url(../img/best_service.png) no-repeat right center;}
.service-list ul, .corp-links ul { list-style: none; padding: 0; margin: 0; width: 190px; margin-left: 25px;}
.corp-links ul { margin-top: 5px;}
.service-list ul li, .corp-links ul li { text-transform: uppercase; font-size: 15px; font-weight: bold; font-family: "Myriad Pro", Calibri; line-height: 28px; padding-left: 10px; background-repeat:no-repeat; background-position: left center;}
.corp-links ul li a { font-size: 15px; text-transform: none;}
.service-list ul.cleaning li { background-image:url(../img/blue_bullet.gif); }
.service-list ul.cleaning li a:hover {color: #23afff;}
.service-list ul li.s1, .corp-links ul li.s1 {background-image:url(../img/blue_bullet.gif);}
.service-list ul li.s1, .corp-links ul li.s2 {background-image:url(../img/gr_bullet.gif);}
.service-list ul li.s2, .corp-links ul li.s3 {background-image:url(../img/orange_bullet.gif);}
.service-list ul li.s3, .corp-links ul li.s4 {background-image:url(../img/magenta_bullet.gif);}
.service-list ul li.s4, .corp-links ul li.s5 {background-image:url(../img/black_bullet.gif);}
.service-list ul li.s1 a, .corp-links ul li.s2 a {color: #018a47;}
.service-list ul li.s1 a:hover, .corp-links ul li.s2 a:hover {color: #00b55c;}
.service-list ul li.s2 a, .corp-links ul li.s3 a {color: #fe8616;}
.service-list ul li.s2 a:hover, .corp-links ul li.s3 a:hover {color: #f5ad00;}
.service-list ul li.s3 a, .corp-links ul li.s4 a {color: #fe0066;}
.service-list ul li.s4 a:hover, .corp-links ul li.s4 a:hover {color: #ff3e8c;}
.service-list ul li.s4 a, .corp-links ul li.s5 a {color: #000;}
.service-list ul li.s4 a:hover, .corp-links ul li.s5 a:hover, .corp-links ul li.s1 a:hover {color: #0091d0;}
a.service-contact-btn { display:block; background: url(../img/service_contact_btn.jpg) no-repeat; width: 331px; height: 36px; text-indent: -9999px; margin: 20px auto 10px auto;}
a.service-contact-btn:hover { background-position: 0 -36px;}
.back-ctn { overflow: hidden; height: 22px; background:url(../img/dotted_sep_line.gif) repeat-x center;}
.back-ctn a { display: block; background-color: #fff; padding: 0 10px 0 15px; float: left;}
.sub-banner { margin-bottom: 15px;}
a.about-contact-btn { display:block; background: url(../img/about_contact_btn.jpg) no-repeat; width: 402px; height: 37px; text-indent: -9999px; margin: 20px auto 10px auto;}
a.about-contact-btn:hover { background-position: 0 -37px;}
/*Newsletter*/
#newsletter { background: url(../img/newsletter_bg.png) repeat-x top; padding-bottom: 20px;}
#newsletter p, #newsletter form { padding-left: 16px; margin: 0;}
#newsletter form input { width: 188px;}
#newsletter a { display: block; background: url(../img/sm-btn.png) no-repeat; width: 81px; height: 28px; color: #fff; text-align: center; margin: 5px 5px 0 0; line-height: 24px;}
#newsletter a:hover {color: #3cc9ff;}
/*---Messages----*/
.message { padding: 15px 15px 15px 55px; }
.message p { margin: 0;}
.message.warning { background: #fff6b8 url(../img/warning_ico.jpg) no-repeat 15px center; border: 1px solid #ff3000; color: #ff3000; }
.message.info { background: #fff url(../img/info_ico.jpg) no-repeat  15px center; border: 1px solid #b5b5b5; margin-bottom: 15px; }
.message a { font-weight: 600; font-style: italic; text-decoration: underline;}
/*---Style for article template ---*/
.article-ctn {}
.article-ctn p { margin: 0 0 10px 0; overflow: hidden; clear: both; }
.article p.list { padding-left: 15px;}
.article ol { margin-left: 5px;}
/*---contact page---*/
.contact-form  h2{ text-transform: uppercase; font-size: 18px; margin-bottom: 5px;}
#contactForm { padding: 10px ;}
#contactForm input { width: 280px;}
#contactForm label { width: 75px; margin-left: 125px;}
#contactForm textarea { width: 280px; height: 120px;}
#contactForm p.note { margin-left: 200px;}
#contactForm .form-submit, #accountContent .form-submit { clear: both; overflow: hidden; margin-left: 200px;}
#contactForm .form-submit a, #accountContent .form-submit a{  margin-right: 8px; text-indent: -9999px; font-size: 0; display: block; height: 37px; float: left; }
#contactForm .send-btn, #contactForm .reset-btn, #accountContent .send-btn, #accountContent .reset-btn  { background:url(../img/contact_submit_btn.png) no-repeat;}
#contactForm .send-btn, #accountContent .send-btn { background-position: 0 0; width: 117px;}
#contactForm .send-btn:hover, #accountContent .send-btn:hover { background-position: 0 -37px;}
#contactForm .reset-btn, #accountContent .reset-btn { background-position: -118px 0; width: 93px;}
#contactForm .reset-btn:hover,  #accountContent .reset-btn:hover { background-position: -118px -37px;}
/*---- TLIBUD---*/
#tilbudContent { width: 960px; overflow: hidden; margin: 0 auto;}
#tilbudContent form fieldset { display: block; overflow: hidden;}
#tilbudContent .block-decor { overflow: hidden; border: 1px solid #c9c9c9; margin: 11px 0 7px;}
#tilbudContent .client-info,  #tilbudContent .cleaning-info {width: 469px;}
#tilbudContent .cleaning-info {margin-left: 17px;}
#tilbudContent .form-set-ctn {border: 1px solid #f8f8f8; overflow: hidden;  padding: 10px 17px; background:#ececec url(../img/form_box_bg.jpg) no-repeat top center;}
#tilbudPrivatForm .client-info .form-set-ctn, #tilbudPrivatForm .cleaning-info .form-set-ctn  {height: 325px;}
.ie #tilbudPrivatForm .client-info .form-set-ctn, .ie #tilbudPrivatForm .cleaning-info .form-set-ctn  {height: 335px;}
#tilbudContent .block-decor h2, #accountContent h2 { font-size: 18px; color: #0091d0; background: url(../img/dotted_sep_line.gif) repeat-x bottom; padding-bottom: 5px;}
#tilbudContent .client-info label {width: 130px;}
#tilbudContent .client-info input.input-txt {width: 292px;}
#tilbudPrivatForm .client-info label.check-box {width: 292px; margin: 12px 0 0 130px; float: left !important;}
#tilbudPrivatForm .client-info p.note { margin-top: 15px; clear: both;}

#tilbudPrivatForm .cleaning-info label {width: 182px;}
#tilbudPrivatForm .cleaning-info p label.check-box {width: auto !important; float: left !important; clear: none !important; margin-right: 15px;}
#tilbudContent .cleaning-info input.input-txt{ width: 240px;}
#tilbudPrivatForm .cleaning-info p.input-set { width: 250px; float: left; overflow: hidden; margin: 0; padding: 0;}
#tilbudContent .cleaning-info p.note {width: 260px; margin: 0; padding: 0 0 3px 182px;}
#tilbudContent .cleaning-info label.radio { float: left; clear: none !important; width: 50px;}
#tilbudContent .cleaning-info input.radio {width: 15px !important; margin: 0 5px 0 0;}
#tilbudContent .cleaning-info label.more, #tilbudContent .cleaning-info input.more {margin-top: 2px;}
#tilbudPrivatForm .cleaning-info select { width: 250px; }
#tilbudContent .cleaning-info label.select { font-size: 12px; width: 40px; clear: none !important; margin-top: 12px;}

#tilbudErhvervForm .client-info .form-set-ctn, #tilbudErhvervForm .cleaning-info .form-set-ctn  {height: 240px;}
.ie #tilbudErhvervForm .client-info .form-set-ctn, .ie #tilbudErhvervForm .cleaning-info .form-set-ctn  {height: 260px;}
#tilbudErhvervForm .client-info input.post-num { width: 60px; margin-right: 15px;}
#tilbudErhvervForm .client-info label.city, #accountContent label.city { width: 30px;}
#tilbudErhvervForm .client-info input.city { width: 177px;}
#tilbudErhvervForm .cleaning-info label {width: 164px; margin-bottom: 4px;}
#tilbudErhvervForm .cleaning-info input {margin-bottom: 4px;}
#tilbudErhvervForm .cleaning-info label.antal {width: 95px; clear: none; margin-left: 15px; padding-right: 8px; text-align: right;}
#tilbudErhvervForm .cleaning-info input.antal {width: 65px;}
#tilbudErhvervForm .cleaning-info select { width: 267px; }
#tilbudErhvervForm .cleaning-info p.input-set { width: 267px; float: left; overflow: hidden; margin: 0;}

.calendricalTimePopup ul { width: 80px; margin: 15px 0; background: #fff; border: 1px solid #b8b8b8; padding: 4px; list-style: none; height: 160px; overflow: auto;}
.calendricalEndTimePopup  ul { width: 140px;}
#timeStart, #timeEnd {width: 67px; margin-top: 12px;}
#timeStart {margin-right: 15px;}
#tilbudErhvervForm #timeStart, #tilbudErhvervForm #timeEnd { width: 76px;}
#tilbudContent .cleaning-plan.block-decor { width: 957px;}

.accordion-header { background: #d6d6d6 url(../img/dis_next_arrow2.png) no-repeat 7px center; padding-left: 15px; height: 24px; color: #313131; width: 905px; float: left; clear: both; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 8px 0 0; cursor: pointer;  }
.accordion-header:hover {color: #0091d0; background-color: #cfcfcf;}
.accordion-header.on{ background: #cfcfcf url(../img/dis_down_arrow.png) no-repeat 7px center; color: #0091d0;}
.accordion-header span { display: block; float: left; height: 24px; line-height: 24px;}
.accordion-header span.area { width: 330px; margin-left: 10px; text-transform: uppercase; font-weight: bold; font-family: "Myriad Pro", Calibri; font-size: 14px;}
.accordion-header span.frequency {width: 224px;}
.accordion-content { overflow: hidden; width: 940px; padding: 0px 12px 12px 12px; float: left; clear: left;}
.accordion-content label { width: 330px; padding-right: 12px; margin-top: 9px; margin-bottom: 4px;}
.accordion-content label em { font-size: 12px;}
.accordion-content select {width: 175px; margin-top: 9px; margin-bottom: 4px;}
.accordion-content input { margin-left: 50px; margin-top: 9px; margin-bottom: 4px; width: 320px;}
.accordion-content textarea { width: 430px; height: 150px;}
#tilbudErhvervForm .accordion-header span.area, #tilbudErhvervForm .accordion-content label { width: 440px;}
#tilbudErhvervForm .accordion-content select {width: 250px;}
#tilbudContent .form-submit { width: 280px; clear: both; margin: 15px auto 10px auto; overflow: hidden;}
#tilbudContent .form-submit a {  margin-right: 8px; text-indent: -9999px; font-size: 0; display: block; height: 44px; float: left; }
#tilbudContent .send-btn, #tilbudContent .reset-btn { background:url(../img/tilbud_submit_btn.png) no-repeat;}
#tilbudContent .send-btn { background-position: 0 0; width: 139px;}
#tilbudContent .send-btn:hover { background-position: 0 -44px;}
#tilbudContent .reset-btn { background-position: -140px 0; width: 118px;}
#tilbudContent .reset-btn:hover { background-position: -140px -44px;}
/*--Account--*/
#accountContent { width: 960px; margin: 10px auto 0 auto; padding: 10px 0 15px 0; border: 1px solid #bcbcbc; background: #f4f4f4;}
#opretKontoForm {width: 540px; margin: 0 auto;}
#accountContent label {width:180px;}
#accountContent input.city { width: 198px;}
#accountContent p.note { margin-top: 0;}
#accountContent .form-submit { margin-left: 180px; padding-top: 5px;}
#accountContent .update-btn, #accountContent .cancel-btn  { background:url(../img/account_submit_btn.png) no-repeat;}
#accountContent .update-btn { background-position: 0 0; width: 145px;}
#accountContent .update-btn:hover { background-position: 0 -37px;}
#accountContent .cancel-btn { background-position: -145px 0; width: 111px;}
#accountContent .cancel-btn:hover { background-position: -145px -37px;}
/*------Booking-------*/
#bestilContent {overflow: hidden;}
#bestilNav { overflow: hidden; width: 960px; height: 62px; margin: 0 auto;}
#bestilNav ul {width: 728px; float: left; list-style: none; margin: 0; padding: 0;}
#bestilNav ul li,  #bestilNav .bestil-info { background: url(../img/bestil_status_btn.png); width: 232px; margin-right: 10px;  height: 53px; float: left; display: block;}
#bestilNav ul li { background-position: 0 0;}
#bestilNav ul li a {display: block; }
#bestilNav ul li span {display: block; width: 232px; text-align: center;}
#bestilNav ul li span.title { color: #646464; text-transform: uppercase; font-weight: bold; font-family:"Myriad Pro", Calibri; font-size: 16px; margin-top: 8px;}
#bestilNav ul li.active { height: 64px; background-position: 0 -108px;}
#bestilNav ul li.active span.title, #bestilNav ul li a:hover span.title {color: #2a7fbc;}
#bestilNav ul li span.note { color: #646464;}
#bestilNav ul li.active span.note, #bestilNav ul li a:hover span.note { color: #333;}
#bestilNav .bestil-info { margin-right: 0; background-position: 0 -54px; height: 45px; display: block; color: #fff; padding: 8px 0 0 10px; width: 222px;}
#bestilContent .order-total {width: 960px; margin: 0 auto; background: #b7cddd; padding: 5px 0; overflow: hidden; font-family: Arial, Helvetica, sans-serif}
#bestilContent .order-total span {display: block; float: left; text-align: right;  text-transform: uppercase; font-weight: bold; font-size: 16px;}
#bestilContent .order-total span.total {width: 765px;}
#bestilContent .order-total span.amount {width: 165px; color: #da0000;}
#bestilContent a.order-btn { background:url(../img/order_btn.jpg) no-repeat; width: 228px; height: 58px; display: block; text-indent: -9999px; margin: 10px auto 0 auto;}
#bestilContent a.order-btn:hover { background-position: 0 -58px;}
#bestilContent a.order-btn.hidden {display: none;}

#orderForm {width: 960px; margin: 12px auto 0 auto;}
#orderForm h2 {text-transform: uppercase; font-size: 18px; margin-bottom: 5px;}
#orderForm .form-ctn {border: 1px solid #bcbcbc; background: #f4f4f4; padding: 10px 13px; overflow: hidden;}
#orderForm .form-ctn h3 { font-size: 16px; color: #1770b4; margin: 5px 0 10px;}
#orderForm .client-info, #orderForm .order-info { width: 400px; float: left; display: inline; margin-left: 50px;}
#orderForm .client-info {margin-left: 70px;}
#orderForm .client-info span { display: block; float: left; color: #000; margin-top: 10px;}
#orderForm .client-info span.label { width: 115px; clear: both; color: #313131;}
#orderForm .client-info { background: url(../img/order_form_sep.png) no-repeat right center; min-height: 360px}
#orderForm .order-info textarea {height: 120px; margin-top: 4px; width: 350px;}
#orderForm .order-info input.input-txt { margin-top: 4px; width: 350px;}
#orderForm .order-info label.check-box {float: left; clear: left; margin-top: 8px;}
#orderForm .order-info p.note { padding: 0;}
#orderForm .form-submit {padding: 10px 0; overflow: hidden;}
#orderForm .form-submit a { display: block; float: left; height: 36px; text-indent: -9999px; background: url(../img/order_submit_btn.jpg) no-repeat;}
#orderForm .form-submit a.send-order-btn { background-position: 0 0; width: 170px;}
#orderForm .form-submit a.send-order-btn:hover {background-position: 0 -36px;}
#orderForm .form-submit a.cancel-btn { background-position: -171px 0; width: 123px; margin-left: 8px;}
#orderForm .form-submit a.cancel-btn:hover {background-position: -171px -36px;}
/*---------------Mine Bestilinger----------------------------------*/
#mineBestilinger { padding: 5px 0 15px 0; overflow: hidden;}
#mineBestilinger .bestil-title-bar { background:url(../img/mine_order_title_bg.png) repeat-x; height: 21px; border: 1px solid #bcbcbc; line-height: 21px; border-radius: 10px; 
-moz-border-radius: 10px; -webkit-border-radius: 10px; width: 935px; margin: 10px auto 0 auto; padding-left: 25px;}
#mineBestilinger .accordion-header { margin-left: 10px; margin-top: 12px; width: 935px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; height: 21px; line-height: 20px; background-color:#c6d5de; padding-left: 25px;}
#mineBestilinger .bestil-title-bar span, #mineBestilinger .accordion-header span { width: 155px; float: left; display: block; line-height: 20px;} 
#mineBestilinger .accordion-header.on { background-color:#7dadcd; color: #000;}
#mineBestilinger .accordion-content { padding: 0; width: 980px;}
#mineBestilinger .accordion-content div.st_horizontal { width: 940px; margin-left: 20px;}
/*-----------------------Referencer --------------------------------*/
#referencer { clear: both; width: 978px; margin: 0 auto; overflow: hidden; padding: 10px 0 0 0;}
#referencer h2 { width: 960px; margin: 0 auto; text-transform: uppercase; font-size: 17px; color: #414141;}
#referencer .referencer-list { background: url(../img/footer_top_bg.png) no-repeat top center; width: 978px; overflow: hidden; padding: 18px 0 0 0; }
#referencer ul { list-style: none; margin: 0 0 0 10px; width: 978px;}
#referencer ul li { float: left; display: inline-block; margin: 0 12px; }
#referencer a { display: block; height: 80px; opacity: 0.8; filter:alpha(opacity=80);} 
#referencer a:hover { opacity: 1; filter:alpha(opacity=100);} 
#referencer a img { max-height: 80px;}
/*-----------------------Footer --------------------------------*/
#footer { clear: both; width: 978px; margin: 0 auto; margin-top: 15px; overflow: hidden; padding: 12px 0 20px 0; background:url(../img/footer_btm_bg.png) no-repeat top center;}
#footer p.info { width: 735px; padding: 0; color: #323639; line-height: 16px; margin: 0 0 0 12px; }
#footer a:hover { text-decoration: underline;}
#footer .web-agency {margin: 0 12px 0 0;}
#footer .web-agency a { color:#242424;}
#footer .web-agency a:hover {color: #1770b4;}


